<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="white" />
    <title>云矿</title>
    <link rel="stylesheet" href="../public/css/weui.css" />
    <link rel="stylesheet" href="../public/css/common.css">
    <link rel="stylesheet" href="../public/css/bootstrap.css">
    <link rel="stylesheet" href="../login/css/registerSuccess.css">
</head>
<body>
<div id="buysuccess">
    <div>
        <div style="height: 1.8rem;"></div>
        <div class="public_top_header">
            <a class="weui-cell">
                <div class="weui-cell__hd">
                    <img src="../public/images/yunkuanglogo.png" />
                </div>
                <div class="weui-cell__bd" style="margin-left: 0.2rem;">云矿</div>
            </a>
        </div>
    </div>
    <div class="section container p-0">
        <div class="row successLogo">
            <div class="col text-center">
                <img src="../public/images/success.png" alt="" style="width:2.2rem;height:2.2rem;">
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-auto">
                修改矿机名称成功，{{time}}秒后返回云矿首页
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-auto d-flex justify-content-center align-items-center" @click="returnindex">
                <span>立即返回</span>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../public/js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="../public/js/vue.js" ></script>
<script type="text/javascript" src="../public/js/font_size.js" ></script>
<script type="text/javascript" src="../public/js/common.js" ></script>
<script type="text/javascript">
    $(function(){
        var vm = new Vue({
            el:"#buysuccess",
            data: {
                password:'',
                time:4
            },
            methods:{
                returnindex:function(){
                    window.location.href = "index.html";
                },
                cutdown:function(){
                    if(this.time>1){
                        this.time--;
                        setTimeout(function(){
                            vm.cutdown();
                        },1000)
                    }else{
                        vm.returnindex();
                    }
                }
            },
            created:function(){
                this.cutdown();
            }
        })
    })
</script>
</body>
</html>